<template>
    <div>
        <y-choose-icon title="选择图标">选择Icon</y-choose-icon>
<!--        <transition>-->
<!--            <button-->
<!--                    v-if="isEditing"-->
<!--                    :key="1"-->
<!--                    v-on:click="isEditing = false"-->
<!--            >-->
<!--                Save-->
<!--            </button>-->
<!--            <button-->
<!--                    v-else-->
<!--                    :key="2"-->
<!--                    v-on:click="isEditing = true"-->
<!--            >-->
<!--                Edit-->
<!--            </button>-->
<!--        </transition>-->
    </div>
</template>

<script setup lang="ts">
    // const isEditing = ref(false)
</script>

<style scoped>
    .v-enter-active, .v-leave-active {
        transition: all 1s;
    }
    .v-enter, .v-leave-to {
        opacity: 0;
        transform: translateY(30px);
    }
    .v-leave-active {
        position: absolute;
    }
</style>
